@charset "utf-8";
@import "init";
@import "common";


main{
		position: absolute;
		left: 0;
		top: r(89);
		bottom: r(107);
		width: 100%;
		background-color: #f5f5f5;
		overflow-y: auto;
		// overflow: hidden;
		
		.banner{
			width: 100%;
			height: r(358);
			overflow: hidden;
			position: relative;
			.img_banner{
				width: 100%;
				height: r(358);
				overflow: hidden;
				img{
					width: 100%;
				}
			}
			.mask{
				width: 100%;
				height:r(104);
				background-color: rgba(0,0,0,.3);
				position: absolute;
				bottom:0;
				left:0;
				padding: r(24) r(21) r(14) r(30);
				box-sizing:border-box;
				h3{
					font-size: r(26.63);
					color: white;
					font-weight: 500;
				}
				.right{
					i{
						color: white;
						font-size: r(18);
					}
					span{
						font-size: r(17.76);
						color: white;
					}
				}
				.left{
					span{
						font-size: r(17.76);
						color: white;
					}
				}
			}
		}
		
		.content_box{
			width: 100%;
			height: r(334);
			padding:r(30) r(30) r(0);
			box-sizing: border-box;
			background-color: white;
			a{
				.box_top{
					display:flex;
					align-items: center;
					justify-content: space-between;
					margin-bottom: r(30);
					position: relative;
					.title_box{
						width: r(324);
						height: r(136);
						
						h3{
							font-size: r(24.86);
							color: #323232;
						}
						.thumb{
							width: r(324);
							height: r(18);
							display: flex;
							margin-top: r(30);
							i{
								font-size: r(18);
								color: $sub_color;
							}
							span{
								font-size: r(18);
								color: $sub_color;
							}
							p{
								font-size: r(18);
								color: $sub_color;
								margin-left: auto;
							}
							
						}
						
					}
					.img_box1{
						width: r(208);
						height: r(118);
						overflow: hidden;
						img{
							width: 100%;
						}
					}
				}
				&:not(:last-child) .box_top::after{
					content: "";
					display: block;
					width: 100%;
					border-bottom: 1px solid $sub_color;
					position: absolute;
					bottom:-5px;
					left: 0;
					
				}
			}
		
		
		}
	
		.new{
			width: 100%;
			padding:r(30) r(30) r(0);
			box-sizing: border-box;
			background-color: white;
			margin-top: r(25);
			overflow: hidden;
			a{
				.new1{
					width: 100%;
					height: r(212);
					p{
						font-size: r(24.86);
					}
					.new_box{
						display: flex;
						margin-top: r(19);
						img{
							width: r(186);
							height: r(123);
							overflow: hidden;
							margin-right: r(12);
						}
					}.thumb{
						width: r(560);
						height: r(28);
						display: flex;
						margin-top: r(14);
						
						.portrait{
							width: r(27);
							height: r(27);
							border-radius: r(30);
							background-color: #8b8b8b;
						}
						span{
							font-size: r(15.53);
							color:$sub_color;
							vertical-align: top;
							margin-right:r(10);
						}
						i{
							font-size: r(19);
							color: $sub_color;
							vertical-align: top;
							margin-left:r(10);
						}
						p{
							font-size: r(19.53);
							color: $sub_color;
							vertical-align: top;
							margin-left:r(10);
						}
						.day{
							font-size: r(19.53);
							color: $sub_color;
							margin-left: auto;
						}
					}
				}
			}
			
			a{
				&:not(:nth-child(3)) .box_top::after{
					content: "";
					display: block;
					width: 100%;
					border-bottom: 1px solid $sub_color;
					position: absolute;
					bottom:-5px;
					left: 0;
					
				}
				.box_top{
					display:flex;
					align-items: center;
					justify-content: space-between;
					margin-bottom: r(30);
					position: relative;
					margin-top: r(20);
					.title_box{
						width: r(324);
						height: r(136);
						
						h3{
							font-size: r(24.86);
							color: #323232;
						}
						.thumb{
							width: r(324);
							height: r(18);
							display: flex;
							margin-top: r(30);
							i{
								font-size: r(18);
								color: $sub_color;
							}
							span{
								font-size: r(18);
								color: $sub_color;
							}
							p{
								font-size: r(18);
								color: $sub_color;
								margin-left: auto;
							}
							
						}
						
					}
					.img_box1{
						width: r(208);
						height: r(118);
						overflow: hidden;
						img{
							width: 100%;
						}
					}
				}
				
			}
			
			
		}
		
		.main_bottom{
			width: 100%;
			height: r(60);
			background-color: white;
			text-align: center;
			p{
				color: $sub_color;
				font-size: r(22);
			}
		}
	}
